:root{
      --bg:#0b1020; --fg:#eaf1ff; --muted:#a8b3cf; --accent:#6aa7ff; --card:#111833; --ok:#22c55e; --ng:#ef4444;
    }
    *{box-sizing:border-box}
    body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Noto Sans JP",sans-serif;background:var(--bg);color:var(--fg)}
    header{position:sticky;top:0;background:linear-gradient(180deg,rgba(11,16,32,.95),rgba(11,16,32,.6));backdrop-filter:blur(6px);border-bottom:1px solid #1f2a4b;z-index:10}
    .wrap{max-width:880px;margin:0 auto;padding:16px}
    h1{font-size:clamp(18px,3.5vw,28px);margin:4px 0}
    p.sub{color:var(--muted);margin:0 0 8px}
    main{padding:20px 0}
    .panel{background:var(--card);border:1px solid #223056;border-radius:16px;padding:16px;box-shadow:0 10px 30px rgba(0,0,0,.25)}
    .row{display:flex;gap:12px;flex-wrap:wrap}
    .grid{display:grid;grid-template-columns:1fr;gap:12px}
    .controls{display:flex;gap:12px;flex-wrap:wrap}
    .badge{display:inline-block;border:1px solid #29407a;background:#0d1b3e;padding:6px 10px;border-radius:999px;font-size:13px}
    .status{font-size:15px;color:var(--muted)}
    .cardbox{position:relative;user-select:none;cursor:pointer;border-radius:16px;border:1px solid #2a3c68;background:#0a1430;display:grid;place-items:center;height: clamp(220px, 42vh, 420px);padding:16px;overflow:hidden}
    .cardface{font-size:clamp(24px,5.5vw,44px);font-weight:800;letter-spacing:.5px;text-align:center}
    .help{color:var(--muted);font-size:13px;text-align:center}
    .kbd{display:inline-block;border:1px solid #2f3f70;background:#0d1b3e;padding:2px 6px;border-radius:6px;font-size:12px}
    button{appearance:none;border:none;border-radius:12px;background:#16264b;color:var(--fg);padding:14px 20px;font-weight:600;cursor:pointer;transition:.15s transform ease,.15s background ease;font-size:16px}
    button:hover{transform:translateY(-1px)}
    button.primary{background:linear-gradient(180deg,#2a66ff,#1f4ed2)}
    button.ghost{background:#0f1a36}
    footer{opacity:.8;color:var(--muted);text-align:center;padding:24px}